<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/style.css" />
		<style type="text/css">
			.list{
				width: 95%;
				margin: 0 auto;
				font-size: 12px;
				color: #d6d6d6;
			}
			.list li{
				height: 36px;
				line-height: 36px;
				border-bottom: dotted 1px #d6d6d6;
			}
			.list li:last-child{
				border-bottom: none;
			}
			.list li:hover{
				color: red;
			}
			.list li:hover a{
				color: red;
			}
			.list a{
				font-size: 12px;
				color: blue;
				color: #333;
				margin-left: 5px;
			}
			.list span{
				float: right;
				margin-right: 15px;
			}
			.car2{
				text-align: center;
				margin: 75px 0px 0px;
				padding-bottom: 75px;
			}
			.car2 img{
				width: 95%;
			}
			@media  screen  and (max-width: 640px) {
				.main {
				    width: 100%;
				    margin: 0px auto 0px;
				}
				.line_title h1{
					font-size: 20px;
				}
				.car2{
					margin: 35px 0px 0px;
    				padding-bottom: 0px;
				}
			}
		</style>
	</head>
	<body>
		<div class="main">
			<img class="car" src="img/10002.jpg" />
			<div class="line">
				<div class="line_title">
					<h1>养护知识</h1>
					<p>Knowledgement</p>
				</div>
			</div>
			<ul class="list">
				<li>
					<a href="#">修车五大禁忌忌开锅时贸然开引擎盖</a>
					<span>2023-02-21</span>
				</li>
				<li>
					<a href="#">你的爱车清理到位了吗 可别忘记排水孔</a>
					<span>2023-02-21</span>
				</li>
				<li>
					<a href="#">配置升级 2015款凯迪拉克XTS到店实拍</a>
					<span>2023-02-21</span>
				</li>
				<li>
					<a href="#">奥迪推出Q2/Q4受阻 菲亚特抢注名称</a>
					<span>2023-02-21</span>
				</li>
				<li>
					<a href="#">新能源汽车补贴酝酿新思路</a>
					<span>2023-02-21</span>
				</li>
				<li>
					<a href="#">汽车电瓶养护技巧 五步搞定清洁问题</a>
					<span>2023-02-21</span>
				</li>
			</ul>
			<div  class="car2"><img src="img/10003.jpg" /></div>
		</div>
	</body>
</html>
